<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

<!-- 这里是头部栏 -->
<nav th:fragment="topbar">
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a class="brand">KAI</a>
                <div class="nav-collapse">
                    <ul class="nav">
                        <li th:class="${active=='oi'?'active':''}">
                            <a th:href="@{/ownIndex}">首页</a>
                        </li>
                        <li th:class="${active=='op'?'active':''}">
                            <a th:href="@{/ownProfile}">账户设置</a>
                        </li>
                        <li th:class="${active=='oh'?'active':''}">
                            <a th:href="@{/ownHelp}">帮助</a>
                        </li>
                    </ul>
                    <form class="navbar-search pull-left" action="">
                        <input type="text" class="search-query span2" placeholder="Search" />
                    </form>
                    <ul class="nav pull-right">
                        <li th:class="${active=='op'?'active':''}">
                            <a th:href="@{/ownProfile}" th:text="${session.LoginUser}"></a>
                        </li>
                        <li>
                            <a th:href="@{/logout}">退出</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</nav>


<!-- 这里是侧边栏 -->
<nav th:fragment="sidebar">
    <div class="span3">
        <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
                <li class="nav-header" >
                </li>
                <li th:class="${active=='oi'?'active':''}">
                    <a th:href="@{/ownIndex}"><i class="icon-white icon-home"></i> 首页</a>
                </li>
                <li th:class="${active=='oa'?'active':''}">
                    <a th:href="@{/ownAdd}"><i class="icon-plus-sign"></i> 新增出租房屋</a>
                </li>
                <li th:class="${active=='od'?'active':''}">
                    <a th:href="@{/ownDelete}"><i class="icon-minus-sign"></i> 下架一间房屋</a>
                </li>
                <li th:class="${active=='ou'?'active':''}">
                    <a th:href="@{/ownUpdate}"><i class="icon-pencil"></i> 修改出租状态</a>
                </li>
                <li th:class="${active=='og'?'active':''}">
                    <a th:href="@{/ownGallery/0}"><i class="icon-picture"></i> 房屋图片</a>
                </li>
                <li th:class="${active=='om'?'active':''}">
                    <a th:href="@{/ownMessage}"><i class="icon-envelope"></i> 我的消息</a>
                </li>
                <li class="nav-header">
                    我的账户
                </li>
                <li th:class="${active=='op'?'active':''}">
                    <a th:href="@{/ownProfile}"><i class="icon-cog"></i> 账户设置</a>
                </li>
                <li class="divider">
                </li>
                <li th:class="${active=='oh'?'active':''}">
                    <a th:href="@{/ownHelp}"><i class="icon-info-sign"></i> 帮助</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

</html>